<template>
  <div>
    <HaHa></HaHa>
    <HaHa></HaHa>
  </div>
</template>

<script>
// 导入组件文件
import Demo from "./components/Demo.vue";
console.log(Demo); // { name: 'HaHa' }

export default {
  // 注册组件
  components: {
    // 把子组件原本的名字name作为注册组件的名字
    //   key 是一个变量，所以需要用 []
    [Demo.name]: Demo,
  },
};
</script>

<style>
</style>